<template>
  <div class="header">
    <div class="left">
      <img src="~@/assets/image/logo.png" alt="" />
    </div>
    <ul class="right">
      <li>ABOUT</li>
      <li>PROJECTS</li>
      <li>CONTACT</li>
    </ul>
  </div>
</template>
<script>
export default {

}
</script>
<style lang="sass">
.header
  display: block
  width: 100%
  position: absolute
  top: 36px
  z-index: 1
  display: flex
  justify-content: space-between
  line-height: 70px
  padding: 0 36px
  .left
    width: 235px
    height: 70px
    cursor: pointer
    img
      width: 100%
      height: 100%
  .right
    display: flex
    justify-content: space-between
    align-content: center
    li
      font-size: 12px
      margin-left: 57px
      cursor: pointer
</style>
